<!DOCTYPE html>
<html lang="zh-dan">
<head>
<meta charset="utf-8"/>
<title>oppo网站</title>
	<link rel="stylesheet" type="text/css" href="images/public.css" />
	<link rel="stylesheet" type="text/css" href="images/demo.css" />
</head>
<body>
<div id="top" class="auto">
		<div class="nav">
			<div class="left same"><img src="images/mainnav_l.gif"/></div>
			<div class="mainNav">
				<img class="logo" src="images/logo.gif"/>
				<ul>
					<li><a href="demo.html">首页</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
				</ul>
			</div>
			<div class="right same"><img src="images/mainnav_r.gif" /></div>
		</div>
		<div class="nav1">
			<form class="search" action="#">
				<input class="keywords" type="text" name="keyworsd" />
				<input class="btn" type="submit" value ="" />
				</form>
				<div class="enter">
				<a href="#">登录</a>  |
				<a href="#">注册</a>
				<img src="images/shoppingcart_sicon.png" />
				<a class="cart" href="#">购物车0件</a>
			</div>
		</div>
</div>
<div id="main">
	<div class="auto">
	<img class="img1" width="956" src="images/20130508roclam.jpg" />
	<div class="shopList"></div>
	<div class="title">
	<h2>精品推荐</h2>
	<a href="#">更多&gt;&gt;</a>
	</div>
	<div class="box">
		<div class="imgList">
			<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥68</p>
			</div>
		
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥68</p>
			</div>
		
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥68</p>
			</div>
		
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥68</p>
			</div>
				<div style="clear:both;"></div>
			
			
	<div class="shopList">
		<div class="title">
		<h2>新品上架</h2>
		<a href="#">更多&gt;&gt;</a>
		</div>
			<div class="box">
			<div class="imgList">
			<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥65</p>		
			</div>
		
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥65</p>
			</div>
		
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />					
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥65</p>
			</div>
			
			<div class="imgList"><img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
				<p class="p0">Find 5 七彩家族系列保护壳</p>
				<p class="p1">￥65</p>
			</div>
			<div style="clear:both;"></div>
			</div>
		</div>
			<div class="brand"></div>
				<img src="images/bottom.jpg" usemap="#brandImg" />
					<map id="brandImg" name="brandImg"> 
						<area shape="rect" href="http://www.sifangku.com" coords="0,0,108,50" target="_blank" alt="私房库" />
						<area shape="rect" href="http://www.baidu.com" coords="108,0,283,50" target="_blank" alt="百度" />
						<area shape="rect" href="https://www.bilibili.com" coords="283,0,450,50" target="_blank" alt="哔哩哔哩" />
						<area shape="rect" href="https://www.runoob.com/" coords="450,0,630,50" target="_blank" alt="菜鸟教程" />
						<area shape="rect" href="https://weibo.com/?sudaref=www.so.com&display=0&retcode=6102" coords="630,0,780,50" target="_blank" alt="新浪微博" />
						<area shape="rect" href="http://news.baidu.com/" coords="780,0,960,50" target="_blank" alt="百度新闻" />
					</map>
					</div>
			</div>
	</div>
<div id="bottom">
	<p>联系QQ:1435785971</p>
	<p>Powered by <a href="http://www.sifangku.com"> sifangku.com></a></p>

</div>
</div>

</body>
</html>